<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>DataGrid Complex Toolbar - jQuery EasyUI Demo</title>
	<script type="text/javascript" src="__PUBLIC__/Resourse/js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" charset="UTF-8" src="__PUBLIC__/Resourse/js/jquery.cookie.js"></script>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/themes/default/easyui.css" id="easyuiTheme">
	<script type="text/javascript" charset="UTF-8" src="__PUBLIC__/Resourse/js/changeEasyuiTheme.js"></script>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Resourse/themes/icon.css">
	<script type="text/javascript" src="__PUBLIC__/Resourse/js/jquery.easyui.min.js"></script>
	<style type="text/css">  
        #studentfm{  
            margin:0px 10px 0px 20px;  
            padding:10px 10px 25px 5px;  
       }  
       .ftitle{  
            font-size:14px;  
            font-weight:bold;  
            padding:5px 0;  
            margin-bottom:0px;  
            border-bottom:1px solid #ccc;  
        }  
       .fitem{  
            margin-bottom:5px;  
       }  
        .fitem label{  
           display:inline-block;  
           
        }
        .formText {
        	width : 150px;
        }  
        .file-box{ position:relative;width:340px} 
		.txt{ height:22px; border:1px solid #cdcdcd; width:180px;} 
		.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;} 
		.file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px } 
		
    </style>  
    <script type="text/javascript">  
      var url; 
      
       //根据条件查找
       function searchGZ() {
    	   var queryParams = $('#dd_gz_data').datagrid('options').queryParams; 
    	   
    	   queryParams.GZ_DDH = $("#GZ_DDH_SEARCH").val();   	 
    	   queryParams.GZ_CZSJ_BEGIN = $("#GZ_CZSJ_BEGIN_SEARCH").datebox('getValue');
    	   queryParams.GZ_CZSJ_END = $("#GZ_CZSJ_END_SEARCH").datebox('getValue');
    	   queryParams.GZ_CZRM = $("#GZ_CZRM_SEARCH").val(); 
    	   
    	   $('#dd_gz_data').datagrid('options').queryParams = queryParams; 
    	   $('#dd_gz_data').datagrid('reload'); 
       } 
        
       $(window).resize(function(){  
        	$('#tt').datagrid('resize');  
       });   
       
       //设置分页
       $(function(){
    	 	//设置分页控件  
           var p = $('#dd_gz_data').datagrid('getPager');  
           $(p).pagination({  
               pageSize: 20,//每页显示的记录条数，默认为10  
               pageList: [20,30,50,100],//可以设置每页记录条数的列表  
               beforePageText: '第',//页数文本框前显示的汉字  
               afterPageText: '页    共 {pages} 页',  
               displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',  
           });
           
       });
       
    </script>  
</head>
<body class="easyui-layout" style="border-width:50px;margin:0">
	<div id="mainPanle"  region="center"  border="false" >
	<table id ="dd_gz_data" class="easyui-datagrid" style="margin:0"
			data-options="title:'订单跟踪列表',border:true,striped:true,nowrap:false,fit:true,autoRowHeight:false,rownumbers:true,pagination:true,pageSize:20,singleSelect:false,url:'__URL__/read/',toolbar:'#tb'" >
		<thead>
			<tr>
				<th data-options="field:'checkbox',checkbox:true" id="checkedAll"></th>	
				<th data-options="field:'Id',fitColumns: true,hidden:true">ID</th>
				<th data-options="field:'GZ_DDH',fitColumns: true,width:140,align:'center'">订单号</th>
				<th data-options="field:'GZ_GJ',fitColumns: true,width:270,align:'center'">操作信息</th>
				<th data-options="field:'GZ_CZSJ',fitColumns: true,width:140,align:'center'">操作时间</th>
				<th data-options="field:'GZ_CZRM',itColumns: true,width:120,align:'center'">操作人</th>
			</tr>
		</thead>
	</table>
	<div id="tb" style="padding:5px;height:auto">
		<div>
			<form id="stu_search_form" method="post" novalidate> 
			订单号:<input name="GZ_DDH_SEARCH" id="GZ_DDH_SEARCH" class="easyui-validatebox" style="width:100px" >
			操作时间: <input class="easyui-datebox" name="GZ_CZSJ_BEGIN_SEARCH" id="GZ_CZSJ_BEGIN_SEARCH" style="width:100px">
			到: <input class="easyui-datebox" name="GZ_CZSJ_END_SEARCH" id="GZ_CZSJ_END_SEARCH" style="width:100px">	
 	  		操作人:<input name="GZ_CZRM_SEARCH" id="GZ_CZRM_SEARCH" class="easyui-validatebox" style="width:100px" >
			<a href="javascript:searchGZ()" class="easyui-linkbutton" iconCls="icon-search">查询</a>
			</form>
		</div>
	</div></div> 
</body>
</html>